
@import '../../../../scss/colors.scss';

$padding-height: 24px;
$content-height: 23px;
$border-color: #d9d9d9;

.billing-warper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    // padding-left: 21px;
    width: 100%;
    background: {
        color: rgba(255,255,255,1);
    }

    .billing-header {
        width: 100%;
        height: 71px;
        padding: {
            left: 24px;
            padding: 24px;
        }
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-align: left;
        border: {
            bottom: {
                color: $border-color;
                width: 1px;
                style: solid;
            };
        }
        line-height: 64px;
        i{font-size: $f-size };
        .billing-header-title{ padding-left: 26px };
        .angle-left {
            background: {
                image: url('/assets/img/back.svg')
            }
            height: $content-height;
            width: 13px;
        }
        .header {
            margin: {
                top: $padding-height;
                bottom: $padding-height;
            }
            height: $content-height;
        }

        .button-angle-left {
            background: {
                color: transparent
            }
            text-align: center;
            cursor:pointer;
        }

        .billing-header-title {
               // width: 39px;
                margin: {
                    left: 37px;
                }
                display: block;
                border: {
                    left: {
                        color: $border-color;
                        width: 1px;
                        style: solid;
                    };
                }
                width: 26px;
        }

        h1 {
            height: 19px;
            opacity: 1;
            font-size: 20px;
            font-family: Hiragino Sans GB;
            color: rgba(128,128,128,1);
            letter-spacing: 0px;
        }
    }

    .billing-body {
        margin: {
            top: 47px;
            left: 30px;
            right: 30px;
        }

        .billing-body-c{
            margin: 0 auto;
            height: 323px;
            width: 100%;
            .billing-body-account {
                height: 66px;
                padding-left: 31px;
                margin: {
                    top: 41px;
                }
                .account-title {
                    font-size: $list-f-size;
                    height: 14px;
                    opacity: 1;
                    font-size: 14px;
                    font-family: Hiragino Sans GB;
                    color: rgba(65,65,65,1);
                    line-height: 22px;
                    letter-spacing: 0px;
                 }
    
                 .account {
                    // width: 84px;
                    height: 20px;
                    opacity: 1;
                    font-size: 24px;
                    font-family: Hiragino Sans GB;
                    color: rgba(255,145,16,1);
                 }
    
                 .cancel {
                    margin: {
                        top: 1em;
                    }
                    width: 94px;
                    height: 36px;
                    opacity: 1;
                    background: rgba(38,38,38,1);
                    font-size: 16px;
                    font-family: Hiragino Sans GB;
                    color: rgba(255,255,255,1);
                 }
            };
        };
        
    }
}

 
 